﻿@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body{ font:12px/1.5 Arial, Helvetica, sans-serif;; color:#999;}
ul{ list-style:none;}
img{ border:0;}
.hide{ display:none;}
.blue{ color:blue;}
.red{ color:red;}
a{text-decoration:none;}
/* Clear Fix */ 
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/* end of clearfix */ 
/*left*/
#left{ width:210px; position:absolute; top:0; left:0; background-color:#333;}
#left a.logo{ display:block; text-indent:-9999px; cursor:pointer; margin:10px 0 15px 10px; width:180px; height:50px; background:url(../img/logo.png) no-repeat;_background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/logo.png', sizingMethod='crop');}
#left h2{ background-color:#7EB30C; color:#fff; text-align:right; font-size:12px; padding-right:10px; margin-bottom:2px;}
#left ul{ padding:3px 0 0 3px;}
#left li{ margin-bottom:3px; margin-right:3px; background-color:#3E3E3E;}
#left li.hover{ background-color:#fff; margin-right:0}
#left li a{ display:block; zoom:1; color:#999; padding:1px 0 0 50px;}
#left li a:hover{ background-color:#3e4043; color:#fed16a}
#left li.hover a:hover{ background-color:#fff; color:#999;}
/*right*/
#right{ background:#fff; zoon:1; border-left:210px solid #333;}
#right h1{ text-align:center; font-weight:normal; padding-top:50px; font-size:20px;}
#right h2{ background:#666; color:#fff; font-size:16px; height:30px; line-height:30px; padding-left:10px; margin-bottom:10px;}
#right h3{ background-color: #FDFDFD; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; font-size: 14px; font-weight: bold; height: 25px; line-height: 25px; margin: 5px 0; padding-left: 10px;}
#right .cores,#right .plugs{ display:none; color:#666; padding:20px;}
#right .property{ margin:10px 0 20px;}
#right .property span{ display:inline-block; background-color: #F0F0F0; border: 1px solid #3C78B5; color: #3C78B5; margin-right: 5px; padding: 3px 10px; font-weight:bold}
#right .code{background:#F0F0F0; border: 1px dashed #3C78B5; color: #333333; margin: 5px 10px 0; padding: 10px;}
#right .pro_detial{ margin-left:10px;}
#right pre{font-family: "Courier New",Courier,monospace;line-height: 1.3;}
#right table{ width:600px;border-collapse:collapse; margin:10px 0;}
#right td,#right th{ border: 1px solid #3C78B5; color: #3C78B5; background-color: #F0F0F0; padding-left:5px;}
/**/
iframe{ width:100%; height:900px;}